<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet"
	href="<c:url value="/resources/lib/bootstrap-3.3.5/css/bootstrap.min.css"/>" />
<link href="/resources/lib/font-awesome-4.4.0/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
<link href="/resources/css/header.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<c:url value="/resources/css/common.css"/>" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/task/viewData.css"/>" />
<script src="<c:url value="/resources/lib/jquery-2.1.4.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/bootstrap-3.3.5/js/bootstrap.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/angular-1.4.7/angular.min.js"/>"
	type="text/javascript">
	
</script>

<script
	src="<c:url value="/resources/lib/Smart-Table-master/dist/smart-table.min.js" />"
	type="text/javascript">
	
</script>

<script src="<c:url value="/resources/js/task/viewData.js" />"
	type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>view Data</title>
</head>
<body ng-app="conversionTool">
	<ng-include src="'/resources/viewPart/nav.html'"> </ng-include>

	<header>
		<div class="head-line">
			<h3 class="head-title">View Data</h3>
		</div>
	</header>


	<section class="container" ng-controller="viewDataCtrl">

		<div ng-init="initialTaskId('${taskId}')"></div>
		<form class="form-horizontal text-center">


			<div class="form-group text-center form-line">
				<div class="col-xs-3 text-right">
					<div class="checkbox" ng-click="getDataAdaptor()">
						<label> <input type="checkbox" ng-model="filter">
							Filter
						</label>
					</div>
				</div>

				<div class="col-xs-4 text-center">
					<div class="checkbox" ng-click="getDataAdaptor()">
						<label> <input type="checkbox" ng-model="formula">
							Formula
						</label>
					</div>

				</div>
			</div>

			<!-- 
			<div class="form-group text-center form-line">
				<div class="col-xs-offset-2 text-left">
					<div class="checkbox" ng-click="getDataAdaptor()">
						<label> <input type="checkbox" ng-model="formula">
							Formula
						</label>
					</div>
				</div>
				<div class="col-xs-8"></div>

			</div>
			
			 -->



			<div class="form-group text-center form-line">

				<div class="col-xs-offset-2">
					<table st-table="contentDisplay" st-safe-src="content"
						class="table table-bordered table-hover">
						<thead>
							<tr>

								<th ng-repeat="item in header">{{item}}</th>
							</tr>
						</thead>

						<tbody>
							<tr ng-repeat="row in contentDisplay track by $index">
								<td ng-repeat="item in row track by $index">{{item}}</td>
							</tr>

						</tbody>

						<tfoot>
							<tr>
								<td colspan="{{colspan}}" class="text-center">
									<div st-pagination="" st-items-by-page="10"
										st-displayed-pages="7"></div>
								</td>
							</tr>
						</tfoot>

					</table>
				</div>
			</div>
			<!--   back button -->
			<div class="form-group text-center form-line">

				<div class="col-xs-offset-2 text-right">
					<!--  <div ng-show="''!='${taskFlow.status}'&&'NEW'!='${taskFlow.status}'">-->
					<input type="button" value="Back" class="btn btn-primary"
						ng-click="back()" />
					<!-- </div>-->
				</div>
			</div>





			<div class="form-group text-center form-line">
				<div class="control-group error">
					<span class="help-inline">{{msg}}</span>
				</div>
			</div>
		</form>
	</section>

</body>
</html>
